/*! 
    sueuix 5.0 - 2016-11-29
    Copyright SoChishun(14507247@qq.com); Licensed MIT
*/
/* ====css-reset YUI 3.18.1 (build f7e7bcb), see:http://yuilibrary.com/yui/docs/cssreset/==== */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* ====global style setting==== */
body{ font-size: 13px;}
a { text-decoration: none;}
/* ====/global style setting==== */

/* ====common style==== */
.xsui-clear { clear:both;}
.xsui-img-16 { width:16px; height:16px;}
.xsui-img-32 { width:32px; height:32px;}
.xsui-img-48 { width:48px; height:48px;}
.xsui-img-64 { width:64px; height:64px;}
.xsui-img-128 { width:128px; height:128px;}
/* ====/common style==== */

/* ====modify ui-layout plugin==== */
.ui-layout-north, .ui-layout-south { background-color: #0e90d2 !important; padding:0 !important; }
.ui-layout-west { padding:0 !important}
/* ====/modify ui-layout plugin==== */

/* ==============================head style============================== */
.head { color:#FFF;}
.head a { color:#FFF;}
/* ====logo==== */
.logo { font-weight: bold; font-size:30px; float:left;}
.logo small { display:block; font-size: 13px;}
.xsui-clock { position: relative; display:inline;}
.xsui-clock-panel { background-color:#FFF; position: absolute; width:430px; right:0; z-index: 999; border: solid 1px #CCC; padding:5px; display: none;}
.xsui-clock-panel canvas { float:left; border:solid 1px #CCC; border-radius: 5px;}
.xsui-clock-panel .xsui-calendar-panel { float:left; margin-left:5px;}
/* ====/logo==== */

/* ====top-right-menu style==== */
.top-right-zone { float:right; margin-top:5px;}
.top-right-zone li { display:inline-block; position: relative;}
.top-right-zone .xsui-dropdown-panel { color:#333;}
.top-right-zone .xsui-card-panel { position: absolute; right:0; display: none;}
.top-right-zone .xsui-message-panel { position: absolute; width:150px; right:0; display: none;}
.top-right-zone th { text-align: right}
/* ====/top-right-menu style==== */

/* ==============================/head style============================== */

/* ==============================aside style============================== */
.aside-menu li { line-height: 24px;}
.aside-menu h3 { width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* ==============================/aside style============================== */

/* ==============================main style============================== */
main { background-color: #FFF;}
/* ==============================/main style============================== */

/* ==============================foot style============================== */
.foot { margin:10px; color:#FFF; }
.foot a { color:#FFF;}
.xsui-foot-left { float:left;}
.xsui-foot-right {  float:right; text-align: right;}
/* ==============================/foot style============================== */

/* ==============================/web componse style============================== */
/* ====xsui-color-*====*/
.xsui-color-blue { background-color:#0e90d2}
.xsui-color-cyan{ background-color:#009688}
.xsui-color-gray{background-color:#999}
.xsui-color-green{background-color:#5eb95e}
.xsui-color-orange{background-color:#F37B1D}
.xsui-color-red{background-color:#dd514c}
.xsui-color-yellow{background-color:#F7B824}
/* ====/xsui-color-*====*/
/* ====xsui-badge==== */
.xsui-badge { background-color: #dd514c; color:#FFF; border-radius: 5px; min-width:16px; min-height:16px; text-align: center; display: inline-block;}

/* ====xsui-panel==== */
.xsui-panel { display: table; background-color: #FFF; border: solid 1px #CCC;}
.xsui-panel-header { background-color:#efefef; border-bottom: solid 1px #CCC; padding: 5px; margin-bottom: 5px;}
.xsui-panel-header a { color:#555;}
.xsui-panel-header-left { float:left;}
.xsui-panel-header-right { float: right;}
.xsui-panel-body { line-height: 21px; padding:5px;}
.xsui-panel-footer{ background-color:#efefef; border-top: solid 1px #CCC; padding:5px; margin-top:5px;}
.xsui-panel-footer a { color:#555;}
.xsui-panel-footer-right { text-align: right;}
/* ====/xsui-panel==== */

/* ====xsui-link-button==== */
.xsui-link-button { padding:5px;}
.xsui-link-button i { margin-right: 3px; }
.xsui-link-button img { vertical-align: text-bottom; margin-right:5px;}
/* ====/xsui-link-button==== */

/* ====xsui-list==== */
.xsui-list {display:table; line-height: 24px; background: #FFF;}
.xsui-list li { display: block;}
.xsui-list a { color:#666;}
.xsui-list a:hover { text-decoration: underline;}
.xsui-list-more { text-align: right;}
/* ====/xsui-list==== */

/* ====notices-slider==== */
.notices-slider{ color:#FFF; position:relative; margin-top:10px;}
.notices-slider a { color:#FFF;}
.notices-slider a.abtn{height:20px;top:0;}
.notices-slider .slider-content{ height:20px; line-height:20px; overflow:hidden; position:relative; width:335px; }
.notices-slider .slider-content label{position:absolute;left:0;top:0; font-weight: bold;}
.notices-slider .slider-content ul{position:absolute;left:30px;top:0;width:300px;}
.notices-slider .slider-content li { width:300px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.notices-slider a.aleft{position:absolute; left:20px; top:1px}
.notices-slider a.aright{position:absolute;right:0; top:1px}
/* ====/notices-slider==== */